<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>资源</title>
    <link rel="stylesheet" href="./css/resources.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <script src="./rem.js"></script>
    <div class="web">
        <div class="heard">

            <!-- 顶部导航图标 -->
            <div class="navigation">
                <span class="demo iconfont ">&#xe634;</span>
            </div>
            <!-- 顶部标题logo -->
            <div class="logo"><img src="./img/web-logo.png" alt=""></div>
            <!-- 搜索的放大镜 -->
            <div class="magnifier"><span class="demo3 iconfont ">&#xe61b;</span></div>
        </div>
        <div class="content">
            <div class="content-heard">
                <div class="mask">
                    <div class="mask-content">
                        <p>线下媒体资源</p>
                        <p>饿了么线下媒体资源</p>
                    </div>
                    <div class="mask-time">
                        <span>2015-9-3 </span><span class="iconfont">&#xe62b; 250</span>
                    </div>
                </div>

            </div>

            <div class="tencent">
                <!-- 腾讯 -->
                <div class="tencent-content">
                    <!-- 腾讯图片 -->
                    <div class="tencent-img"><img src="./img4/fk.jpg" alt=""></div>
                    <div class="tencent-introduce">
                        <!-- 腾讯标题 -->
                        <div class="tencent-title">腾讯视频</div>
                        <!-- 腾讯介绍 -->
                        <div class="tencent-advertisement">腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</div>
                        <!-- 腾讯时间 -->
                        <div class="tencent-time">
                            <span>2015-9-3</span>
                            <span class="iconfont">&#xe62b; 250</span>
                        </div>
                    </div>
                </div>
                <div class="tencent-content">
                    <!-- 腾讯图片 -->
                    <div class="tencent-img"><img src="./img4/fk.jpg" alt=""></div>
                    <div class="tencent-introduce">
                        <!-- 腾讯标题 -->
                        <div class="tencent-title">腾讯视频</div>
                        <!-- 腾讯介绍 -->
                        <div class="tencent-advertisement">腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</div>
                        <!-- 腾讯时间 -->
                        <div class="tencent-time">
                            <span>2015-9-3</span>
                            <span class="iconfont">&#xe62b; 250</span>
                        </div>
                    </div>
                </div>
                <div class="tencent-content">
                    <!-- 腾讯图片 -->
                    <div class="tencent-img"><img src="./img4/fk.jpg" alt=""></div>
                    <div class="tencent-introduce">
                        <!-- 腾讯标题 -->
                        <div class="tencent-title">腾讯视频</div>
                        <!-- 腾讯介绍 -->
                        <div class="tencent-advertisement">腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</div>
                        <!-- 腾讯时间 -->
                        <div class="tencent-time">
                            <span>2015-9-3</span>
                            <span class="iconfont">&#xe62b; 250</span>
                        </div>
                    </div>
                </div>

            </div>
            <div class="load-more">
                <div>加载更多</div>
            </div>
        </div>
        <ul class="footer">

            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./index.html">&#xe616;</a></p>
                <p class="footer-content"><a class="footer-word" href="./index.html">首页</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./GIMC.html">&#xe611;</a></p>
                <p class="footer-content"><a class="footer-word" href="./GIMC.html">GIMC</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./index- article.html">&#xe667;</a></p>
                <p class="footer-content"><a class="footer-word" href="./index- article.html">文章</a></p>
            </li>
            <li>
                <p class="iconfont footericon">&#xe85e;</p>
                <p class="footer-content">资源</p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./college.html">&#xe6cf;</a></p>
                <p class="footer-content"><a class="footer-word" href="./college.html">学院</a></p>
            </li>

        </ul>
    </div>
</body>

</html>